import type { ThemeConfig } from 'ant-design-vue/es/config-provider/context'

const colorPrimary = '#1549FF'

export default {
  token: {
    colorPrimary,
    borderRadius: 8,
    colorText: '#fff'
  },
  components: {
    DatePicker: {
      colorPrimary,
      colorBgElevated: '#1D2865',
      colorText: '#fff',
      colorTextDisabled: '#546481',
      colorTextPlaceholder: '#fff'
    },
    Dropdown: {
      colorText: '#fff'
    },
    Select: {
      colorBgContainer: '#28357C',
      colorText: '#fff'
    },
    Input: {
      colorBgContainer: '#28357C',
      colorBorder: '#2C3C94',
      colorTextPlaceholder: '#5B6CCC'
    },
    Radio: {
      colorBgContainer: '#152356',
      colorBorder: 'transprent',
      colorText: '#fff',
      borderRadius: 100
    }
  }
} as ThemeConfig
